<template>
    <div class="body">
        <div class="head">
            <img src="../../../assets/succ.png">
            <h1>{{txData[0].name}}</h1>
            <h1>{{txData[0].shenhe}}
                <p>{{txData[0].testTime}}</p>
            </h1>
            <h1>{{txData[0].cg}}</h1>
        </div>
        <div class="bottom">
          <p>
            <span>{{txData[0].jine}}</span><span>{{txData[0].jine_n}}</span>
          </p>
          <button class="wc">{{txData[0].wc}}</button>
        </div>
    </div>
</template>
<script>
export default {
    data () {
        return {         
            txData:[
                {name:'发起提现申请',shenhe:'正在审核中',testTime:'预计'+this.timee+"前到账",cg:'到账成功',jine:'提现金额',wc:"完成",jine_n:'￥'+this.money}
            ]
        }
    }
}
</script>

<style scoped>
.body{
 width: 100%;
 height: 100%;
 background: #ffffff;
}
.head{
    position: relative;
    width: 100%;
}
.head img{
    width: 40px;
   position: absolute;
   left: 90px;
   top: 30px;
}
.head h1{
     position: absolute;
     font-size: 15px;
     color:#aaa;
}
.head h1:nth-of-type(1){
    left: 180px;
    top: 29px;
}
.head h1:nth-of-type(2){
    left: 180px;
    top: 102px;
    text-align: left;
    font-weight: bold;
    color: black;
}
.head h1:nth-of-type(2) p{
    padding-top: 5px;
    font-size: 10px;
}
.head h1:nth-of-type(3) {
    left: 180px;
    top: 204px;
}
.bottom{
    position: absolute;
    top: 300px;
    width: 100%;
}
.bottom p{
    padding: 0 20px;
    text-align: left;
     color:#aaa;
}
.bottom p span:nth-of-type(2){
    float: right;
     color: black;
}
.wc{
    margin-top: 30px;
    width: 150px;
    border-radius: 10px;
    color: #ffffff;
    background-color: red;
}
</style>

